@import './common/common';
@import './var';
@import './layout';

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html {
  font-family: $font-family;
}

.wrap {
  height: 100%;
}
.body-container {
  overflow: auto;

  box-sizing: border-box;
  width: 100%;
  padding: 20px;

  flex: 1;
  .body-main {
    min-width: 970px;
    max-width: 1920px;
    margin: auto;
    .sec-top {
      padding-bottom: 10px;

      border-bottom: 1px solid #ccc;
    }
  }
}

.clearfix {
  clear: fix;
}

.overflowauto {
  overflow: auto;
}

.logo {
  display: inline-block;

  background: resolve('logo.svg') center no-repeat;
  background-size: 100%;
}
.slogan {
  display: inline-block;

  background: resolve('slogan.svg') center no-repeat;
  background-size: 100% auto;
}

/* 弹性盒模型 */
.flexiable {
  display: flex;
}
.flexiable-center {
  align-items: center;
}
.flexiable-v {
  flex-direction: column;
}
.flexiable-area {
  flex: 1;
}

#loading-animation {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;

  display: none;

  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, .05);
  &::after {
    position: fixed;
    top: 50%;
    left: 50%;

    width: 80px;
    height: 60px;

    content: '';
    transform: translate(-50%);

    background: resolve('loading.gif') no-repeat center rgba(255, 255, 255, .8);
  }
}

select,
input[type=file] {
  &.form-control {
    width: auto !important;
    max-width: 100% !important;
  }
}
caption {
  font-size: 16px;

  color: #111;
}
td,
th {
  word-break: break-word;
}

.alert {
  z-index: 10000 !important;
}
.modal-title {
  text-align: left;
}
.modal-body {
  overflow: auto;

  max-height: 600px;
}

.col-nowrap {
  white-space: nowrap;
}

.cov-picker-box {
  white-space: normal;
}
